<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学院管理</title>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet">
    <style type="text/css">
        .list-main-container {
            width: 100%;
        }

        .row {
            margin: 0px;
        }

    </style>
</head>
<body>

<div class="row" id="div-table-container">
    <button id="btnAdd" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal-add">添加学院信息</button>
    &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;按学院名查询:&nbsp;<input type="text" id="queryName" style="text-align:left;width:100px;" />
    &nbsp;&nbsp;<button class="btnName">查询</button>
    <lable style="text-align: center">&nbsp; &nbsp;&nbsp; &nbsp; 按学院管理者查询:&nbsp;<input type="text" id="queryMangerName" style="text-align:left;width:100px;" />&nbsp;&nbsp;&nbsp;<button class="btnName"> &nbsp;&nbsp;&nbsp;查询</button></lable>
    <table id="table-list" class="table">
        <thead>
        <th><input type="checkbox" name="cb-check-all"></th>
        <th>学院编号</th>
        <th>学院名称</th>
        <th>学院所有的专业数</th>
        <th>学院院长</th>
        <th>学院成立时间</th>
        <th>操作功能</th>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>

<!-- 添加模态框（Modal） -->
<div class="modal fade" id="myModal-add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:90%;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel-add">
                    添加学院信息
                </h4>
            </div>
            <div class="modal-body">
                <form id="add-department-form">
                    <div class="form-group">
                        <label class="sr-only" for="departmentName-add">学院名称</label>
                        <input type="text" class="form-control" id="departmentName-add" name="depName" placeholder="请输入学院名称">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="departmentMajorCount-add">学院所有的专业数</label>
                        <input type="text" class="form-control" id="departmentMajorCount-add" name="depMajorCount" placeholder="请输入学院所有的专业数">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="departmentManger-add">学院院长</label>
                       <input type="text" class="form-control" id="departmentManger-add" name="depManger" placeholder="请输入学院院长">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="departmentBuildYear-add">学院成立时间</label>
                        <input type="text" class="form-control" id="departmentBuildYear-add" name="depBuildYear" placeholder="请输入学院成立时间">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-primary" id="add-department-submit">
                    提交
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- 修改模态框（Modal） -->
<div class="modal fade" id="myModal-edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:90%;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel-edit">
                   修改学院信息
                </h4>
            </div>
            <div class="modal-body">
                <form id="edit-department-form">
                    <div class="form-group">
                        <label class="sr-only" for="departmentName-edit">学院名称</label>
                        <input type="hidden" class="form-control" id="id-edit" name="id">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="departmentName-edit">学院名称</label>
                        <input type="text" class="form-control" id="departmentName-edit" name="depName" >
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="departmentMajorCount-edit">学院所有的专业数</label>
                        <input type="text" class="form-control" id="departmentMajorCount-edit" name="depMajorCount">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="departmentManger-edit">学院院长</label>
                        <input type="text" class="form-control" id="departmentManger-edit" name="depManger">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="departmentBuildYear-edit">学院成立时间</label>
                        <input type="text" class="form-control" id="departmentBuildYear-edit" name="depBuildYear">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-primary" id="edit-department-submit">
                    提交
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- 详细模态框（Modal） -->
<div class="modal fade" id="myModal-detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:90%;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel-detail">
                    详细学院信息
                </h4>
            </div>
            <div class="modal-body">
                <form id="detail-department-form">
                    <div class="form-group">
                        <label class="sr-only" for="departmentName-edit">学院名称</label>
                        <input type="text" class="form-control" id="departmentId-detail" name="id">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="departmentName-edit">学院名称</label>
                        <input type="text" class="form-control" id="departmentName-detail" name="depName">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="departmentMajorCount-edit">学院所有的专业数</label>
                        <input type="text" class="form-control" id="departmentMajorCount-detail" name="depMajorCount">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="departmentManger-edit">学院院长</label>
                        <input type="text" class="form-control" id="departmentManger-detail" name="depManger">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="departmentBuildYear-edit">学院成立时间</label>
                        <input type="text" class="form-control" id="departmentBuildYear-detail" name="depBuildYear">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-primary" id="detail-department-submit">
                    提交
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>



</body>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script src="../common/js/constant.js"></script>
<script src="js/department.js"></script>
</html>